home *** CD-ROM | disk | FTP | other *** search
/ PC World 2006 November / PCWorld_2006-11_cd.bin / multimedia / thumbnailer / setup.exe / {app} / Templates / popup.thm next >
Text File  |  2004-12-23  |  7KB  |  325 lines
  1. #######################################################
  2. # ThumbNailer HTML template.
  3. # Generated by Smaller Animals ThumbNailer 8.0.3.7
  4. #
  5. # This template uses a simple Javascript function
  6. # to create a popup window that displays the source image, when
  7. # the user clicks the thumbnail. 
  8. #
  9. #######################################################
  10.  
  11. ############################
  12. # Thumbnail page definitions
  13.  
  14. ####
  15. # Thumbnail page definition
  16. @:thumbnailpage  
  17. @+
  18. <html>
  19. <head>
  20. <title>Thumbnails from &ChopRight(Parent(srcDir), 1)</title>
  21. </head>
  22.  
  23. <script language=javascript>
  24. # this shows our window.
  25. function showPopup(filename, w, h)
  26. {
  27.     var parameters = "scrollbars=no,status=no,toolbar=no,width=" + w + ",height=" + h;
  28.     window.open(filename, "Picture", parameters);
  29. }
  30. </script>
  31.  
  32. <body bgcolor="#c0c0ff" link="#fa0064" alink="#ffff00" vlink="#6400fa" text="#000000">
  33. <center>
  34. <font face="Arial Black" size=+2>Thumbnails from &ChopRight(Parent(srcDir), 1)</font>
  35. <p>
  36. <table border=0 cellspacing=0 cellpadding=1 width="70%">
  37. # each thumbnailgroup is a single table row
  38. @@thumbnailgroup
  39. @@thumbnailgroup
  40. @@thumbnailgroup
  41. </table>
  42.  
  43. #previous / next links
  44. <br>@@thumbprevpage@@thumbpnsep@@thumbnextpage
  45.  
  46. </center>
  47.  
  48. </body>
  49. </html>
  50. @-
  51.  
  52. ####
  53. # Thumbnail group (a table row, in this case)
  54. @:thumbnailgroup  
  55. @+
  56. <tr>
  57. <td><table bgcolor="#d0d0ff" height=120 width=100%><tr><td>@@thumbnail</td></tr></table></td>
  58. <td><table bgcolor="#d0d0ff" height=120 width=100%><tr><td>@@thumbnail</td></tr></table></td>
  59. <td><table bgcolor="#d0d0ff" height=120 width=100%><tr><td>@@thumbnail</td></tr></table></td>
  60. </tr>
  61. @-
  62.  
  63. ####
  64. # Thumbnail element definition
  65. @:thumbnail  
  66. @+
  67. # make the popup window 20 pixels wider and 26 pix higher than the
  68. # image itself. there is an automatic padding on the left and top
  69. # sides of any window opened from IE, so this balances out the white
  70. # space on the other sides.
  71. &VarSet("WinWidth", Add(20, XDim(srcFile)))
  72. &VarSet("WinHeight", Add(26, YDim(srcFile)))
  73. #
  74. # instead of opening an HTML page, this link calls a javascript 
  75. # function called showPopup (above). the function launches the
  76. # popup window with the file and dimensions we provide here.
  77. <p><center>
  78. <a href=&Q(JoinX(7, "javascript:showPopup('", RelFile(srcPage, thmPage), "', ", T(WinWidth), ",", T(WinHeight), ")"))>
  79. <img style="" src=&Q(RelFile(thmFile, thmPage)) hspace=0 vspace=0 border=0 width=&XDim(thmFile) height=&YDim(thmFile) &Join("ALT=\"", Name(srcFile)) &Join(SizeK(srcFile), "K\"")>
  80. </a>
  81. <font face="Arial Black" size=1>
  82. <br>&Name(srcFile)
  83. </font>
  84. </center>
  85. @-
  86.  
  87. ####
  88. # Default thumbnail element (used when there are no images left)
  89. @:defaultthumbnail  
  90. @+
  91.  
  92. @-
  93.  
  94. ####
  95. # Thumbnail page previous page link
  96. @:thumbprevpage  
  97. @+
  98. <font face="Arial Black" size=+2>
  99. <a href=&Q(RelFile(prevPage, thmPage))>Previous Page</a>
  100. </font>
  101.  
  102. @-
  103.  
  104. ####
  105. # Thumbnail page previous / next separator
  106. @:thumbpnsep  
  107. @+
  108. <font face="Arial Black" size=+2>
  109. |
  110. </font>
  111.  
  112. @-
  113.  
  114. ####
  115. # Thumbnail page next page
  116. @:thumbnextpage  
  117. @+
  118. <font face="Arial Black" size=+2>
  119. <a href=&Q(RelFile(nextPage, thmPage))>Next Page</a>
  120. </font>
  121.  
  122. @-
  123.  
  124.  
  125.  
  126. ############################
  127. # Source page definitions
  128.  
  129. ####
  130. # Source page definition
  131. #
  132. # this is a very basic page that really only does one thing:
  133. # gives us a background color in the popup window. if you want
  134. # to add more stuff to this page (so it will appear in the popups),
  135. # be sure to change the popup dimensions (see WinWidth, WinHeight)
  136. # in the thumbnail section, above.
  137. @:sourcepage  
  138. @+
  139. <html>
  140. <head>
  141. <title>&Name(srcFile)</title>
  142. </head>
  143. <body bgcolor="#f9f9ff" link="#fa0064" alink="#ffff00" vlink="#6400fa" text="#000000">
  144. <center>
  145. <img src=&Q(RelFile(srcFile, srcPage)) width=&Q(XDim(srcFile)) height=&Q(YDim(srcFile)) &Join("ALT=\"", Name(srcFile)) &Join(SizeK(srcFile), "K\"")><font size="+0" face="Arial, Helvetica">
  146. </center>
  147. </body>
  148. </html>
  149. @-
  150.  
  151. ####
  152. # Source page source page link
  153. @:sourceprevpage  
  154. @+
  155. <font size="+0" face="Arial, Helvetica">
  156. <a href=&Q(RelFile(prevPage, srcPage))>Previous Image</a>
  157. </font>
  158.  
  159. @-
  160.  
  161. ####
  162. # Source page previous / next separator
  163. @:sourcepnsep  
  164. @+
  165. <font size="+0" face="Arial, Helvetica">
  166. |
  167. </font>
  168.  
  169. @-
  170.  
  171. ####
  172. # Source page next page
  173. @:sourcenextpage  
  174. @+
  175. <font size="+0" face="Arial, Helvetica">
  176. <a href=&Q(RelFile(nextPage, srcPage))>Next Image</a>
  177. </font>
  178.  
  179. @-
  180.  
  181.  
  182.  
  183. ############################
  184. # Index page definitions
  185.  
  186. ####
  187. # Index page definition
  188. @:indexpage  
  189. @+
  190. <html>
  191. <head>
  192.  
  193. <title>Index</title>
  194. </head>
  195. <body bgcolor="#f9f9ff" link="#fa0064" alink="#ffff00" vlink="#6400fa" text="#000000">
  196. <p><center>
  197. <table width="80%">
  198. @@idxchildgroup
  199. </table>
  200. </center>
  201. </body>
  202. </html>
  203. @-
  204.  
  205. ####
  206. # Index child group definition (thumbnail pages within this folder)
  207. @:idxchildgroup  
  208. @+
  209. <tr>
  210. <td valign=top>@@idxchildelement</td>
  211. <td valign=top>@@idxchildelement</td>
  212. <td valign=top>@@idxchildelement</td>
  213. <td valign=top>@@idxchildelement</td>
  214. </tr>
  215. @-
  216.  
  217. ####
  218. # Index child element definition
  219. @:idxchildelement  
  220. @+
  221. <center><font size="+0" face="Arial, Helvetica">
  222. <a href=&Q(RelFile(idxTargetPage, idxPage))>&Join3(_FileParent(idxTargetPage), "\\", NoExt(idxTargetPage))</a>
  223. </font>
  224. <br>
  225. <a href=&Q(RelFile(idxTargetPage, idxPage))><img src=&Q(RelFile(idxTargetThm, idxPage))></a></center>
  226. @-
  227.  
  228. ####
  229. # Default index child element definition
  230. @:defaultidxchildelement  
  231. @+
  232.  
  233. @-
  234.  
  235. ####
  236. # Index subfolder index group definition (thumbnail pages within this folder)
  237. @:idxsubidxgroup  
  238. @+
  239. <tr>
  240. <td valign=top>@@idxsubidxelement</td>
  241. <td valign=top>@@idxsubidxelement</td>
  242. <td valign=top>@@idxsubidxelement</td>
  243. <td valign=top>@@idxsubidxelement</td>
  244. </tr>
  245. @-
  246.  
  247. ####
  248. # Index subfolder index element definition
  249. @:idxsubidxelement  
  250. @+
  251. <center><font size="+0" face="Arial, Helvetica">
  252. <a href=&Q(RelFile(idxTargetPage, idxPage))>&ChopRight(Parent(idxTargetPage), 1)</a>
  253. </font><br>
  254. <a href=&Q(RelFile(idxTargetPage, idxPage))><img src=&Q(RelFile(idxTargetThm, idxPage))></a>
  255. </center>
  256. @-
  257.  
  258. ####
  259. # Default index subfolder index element definition
  260. @:defaultidxsubidxelement  
  261. @+
  262.  
  263. @-
  264.  
  265. ####
  266. # Index section separator definition
  267. @:idxsectionseparator  
  268. @+
  269. <hr width="80%">
  270. @-
  271.  
  272. ####
  273. # Master index page definition
  274. @:masteridxpage  
  275. @+
  276. <html>
  277. <head>
  278.  
  279. <title>Index</title>
  280. </head>
  281. <body bgcolor="#f9f9ff" link="#fa0064" alink="#ffff00" vlink="#6400fa" text="#000000">
  282. <p><center>
  283. @@masteridxgroup
  284. </center>
  285. </body>
  286. </html>
  287. @-
  288.  
  289. ####
  290. # Master index page, link group definition
  291. @:masteridxgroup  
  292. @+
  293. <table border=0>
  294. <tr><td>
  295. @@masteridxelement
  296. </td></tr>
  297. <tr><td>
  298. @@masteridxelement
  299. </td></tr>
  300. <tr><td>
  301. @@masteridxelement
  302. </td></tr>
  303. <tr><td>
  304. @@masteridxelement
  305. </td></tr>
  306. </table>
  307.  
  308. @-
  309.  
  310. ####
  311. # Master index page element definition
  312. @:masteridxelement  
  313. @+
  314. <a href=&Q(RelFile(idxTargetPage, idxPage))><img src=&Q(RelFile(idxTargetThm, idxPage))></a>
  315. <br>
  316. <font size="+0" face="Arial, Helvetica">
  317. &ChopRight(Parent(idxTargetPage), 1)
  318. <p>
  319. </font>
  320. @-
  321.  
  322.  
  323.  
  324.  
  325.